*{
	margin: 0;
	padding: 0;
}
ul{
	list-style: none;
}
.fl{
	float: left;
}
.fr{
	float: right;
}

body{
	width: 100%;
	height: 100%;
	background: url(../img/bg.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
}
/*公共样式结束---------------------------------------------------------------------------------*/


.header{
	// height: 80px;
	padding-top: 30px;
	line-height: 50px;
	vertical-align: bottom;
	font-size: 40px;
	width: 100%;
	text-align: center;
	color: #3EF4FE;
	position: relative;
}

.header .time{
	font-size: 22px;
	position: absolute;
	bottom: -2px;
	right: 100px;
	letter-spacing: 1px;

}

.container{
	height: 100%;
	width: 100%;
	padding-top: 80px;
}
.today{
	width: 100%;
	height: 370px;
	padding: 0 50px 20px 50px;
	box-sizing: border-box;

}
.today-container{
	width: 100%;
	background-color: red;
}

.today .today-left,.today-right{
	width: 25%;
	height: 370px;
	box-sizing: border-box;
}
.echart-left,
.echart-center,
.echart-right{
	padding: 15px;
	padding-bottom: 0;
}
.today .today-center{
	width: 50%;
	height: 370px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
}
.today .today-center img{
	padding: 10px;
	width: 90%;
}

.today .today-center span{
	position: absolute;
	padding-top: 15px;
	font-size: 14px;
	color: #fff;
	width: 60px;
	height: 60px;
	background-image: url(../img/map_quan.png);
	background-repeat: no-repeat;
	background-size: 60px 60px;
}

.today .today-center span i{
	position: absolute;
	top: 35px;
	left: 32%;
}

.today .today-center .map_quan1{
	top: 27%;
	left: 32%;
}
.today .today-center .map_quan2{
	top: 32%;
	left: 63%;
}
.today .today-center .map_quan3{
	top: 57%;
	left: 55%;
}
.today .today-center .map_quan4{
	top: 69%;
	left: 64%;
}
.today .today-center .map_quan5{
	top: 6%;
	left: 35%;
}

/*图表区域结束------------------------------------------------------------------------------*/


.stand{
	width: 100%;
	box-sizing: border-box;
}

.stand .stand-container{
	height: 550px;
	overflow: hidden;
	position: relative;
}

.stand .stand-container .stand-items{
	padding: 0 35px 0 50px;
	box-sizing: border-box;
	height: 3000px;
	width: 100%;
	
	position: absolute;
	// top: -275px;

}
.stand .stand-container .stand-items .items{
	width: 33.33%;
	padding-right: 15px;
	margin-bottom: 15px;
	box-sizing: border-box;
	float: left;
}

.items-content {
	width: 100%;
	height: 260px;
	background: linear-gradient(to bottom, #093546, #081C2C);
	text-align: center;
}

.items-content .title{
	padding-top: 5px;
	height: 45px;
	line-height: 45px;
	font-size: 30px;
	color: #ADDBFF;
}

.items-content .desc{
	height: 35px;
	line-height: 35px;
	font-size: 28px;
	color: #36B1FF;
}

.items-content .details{
	padding: 10px 15px;
	padding-bottom: 0;

}

.items-content .details .details-l{
	height: 10px;
	padding: 0 30px;
}

.items-content .details .details-l .up{
	height: 80px;
	text-align: center;
	color: #398DD1;
}

.items-content .details .details-l .up .post{
	width: 40px;
	height: 40px;
	line-height: 40px;
	padding-top: 40px;
	padding: 40px 25px 0 25px;
	background-image: url(../img/leave_sit.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
	font-size: 20px;

}
.items-content .details .details-l .down .post{
	background-image: url(../img/leave.png);
}
.items-content .details .details-l .leftup .post{
	background-image: url(../img/sit.png);
}
.items-content .details .details-l .leftdown .post{
	background-image: url(../img/cross.png);
}
.items-content .details .details-l .up .leave{
	height: 80px;
	line-height: 80px;
	padding-right: 25px;
	font-size: 50px;
	font-family:pingfang;
}
.items-content .details .details-c{
	width: 155px;
	height: 155px;
	border-radius: 50%;
	padding-top: 30px;
	box-sizing: border-box;
	background: linear-gradient(to bottom, #093546, #081C2C);
	color: #398DD1;
}

.items-content .details .details-c .num{
	text-align: center;
	height: 55px;
	font-size: 50px;
	font-family:pingfang;
	color: #FF8282;
}
.items-content .details .details-c .guard{
	height: 30px;
	line-height: 30px;
	font-size: 25px;
}

.items-content .details .details-c .guard .icon{
	display: inline-block;
	padding-right: 5px;
	width: 24px;
	height: 25px;
	vertical-align: bottom;
	background-image: url(../img/guard.png);
	background-repeat: no-repeat;
}

.data{
	position: fixed;
	right: 10px;
	top: 10px;
}

.data a{
	display: inline-block;
	width: 100px;
	height: 30px;
	text-decoration: none;
	line-height: 30px;
	color: #3EF4FE;
	text-align: center;
}
.data a:hover{
	color: #ff0;
}

/*引入的外部字体*/
@font-face
{
	font-family:pingfang;
	src: url('../font/DS.TTF')
}
